<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表单</title>
  </head>
  <body>
    <h1>表单示例</h1>
    <fieldset>
      <legend>登录</legend>
      <label for="username">用户名</label>
      <input
        type="text"
        name="username"
        id="username"
        placeholder="请输入用户名"
      />
      <br>
      <label for="password">密码</label>
      <input type="password" name="password" id="password" />
      <input type="submit" value="登陆" />
      <input type="reset" value="重置" />
      <input type="button" value="无意义按纽" />
      <br />
      <button type="submit"><strong>登录</strong></button>
      <button type="submit">登录</button>
    </fieldset>

    <form>
      <hr />
      <input type="hidden" name="edit_id" value="18" />
      <input type="checkbox" name="q" id="q1" value="" />
      <label for="q1">问题1</label><br />
      <input type="radio" name="a" id="a1" />
      <label for="ai">选项</label>  <br>
      <h2>html5的input</h2>
      <input type="email" name="" id="" placeholder="email"><br>
      <input type="search" name="" id="" placeholder="html"><br>
      <input type="url" name="" id="" placeholder="带http或https的url"><br>
      <input type="number" nasme="" id="" min="1" max="10" step="2"><br> 
      <input type="range" name="" id="" min="0" max="100" step="10"><br>
      <input type="date" name="" id=""><br>
      <input type="datetime-local" name="" id=""><br>
      <input type="color" name="" id=""><br>
      <textarea name="" id="" cols="20" rows="5"></textarea>
  
  </body>
</html>
